Ext.ux.MovieGrid = function(config, container) {
	Ext.apply(this, config);

	var title_label = '电影名';
	var plot_label = '情节';// 和外国人重复
	var date_label = '播放日期';
	var genre_label = '类型';
	var mpaa_label = '主演';
	var directed_by_label = '导演';// 和外国人重复

	var form_fieldset_label = '电影信息';

	this.sm = new Ext.grid.CheckboxSelectionModel();

	this.cm = new Ext.grid.ColumnModel([this.sm, {
//        this.cm = new Ext.grid.ColumnModel([{
		id : 'title',
		header : title_label,
		dataIndex : 'title',
		width : 100
//		,hidden : true
	}, {
		header : plot_label,
		dataIndex : 'plot',
		width : 100
//		,hidden : true
	}, {
		header : date_label,
		dataIndex : 'date',
		width : 100
	}, {
		header : genre_label,
		dataIndex : 'genre',
		width : 100
	}, {
		header : mpaa_label,
		dataIndex : 'mpaa',
		width : 100
	}, {
		header : directed_by_label,
		dataIndex : 'directed_by'
	}]);

	this.updateItems = [{
		layout : 'column',

		xtype : 'fieldset',
		title : form_fieldset_label,
		collapsible : true,

		autoHeight : true,
		items : [
				{
					columnWidth : .5,
					layout : 'form',
					defaults : {
						width : 200
					},
					defaultType : 'ux.textfield',
					border : false,
					items : [ {
						fieldLabel : title_label,
//						xtype : 'hidden',
						name : 'title',
						maxLength : 18
					}, {
						fieldLabel : plot_label,
//						xtype : 'hidden',
						name : 'plot',
						maxLength : 16
					}, {
						fieldLabel : date_label,
//						xtype : 'ux.datefield',
						name : 'date'
					}, {
						fieldLabel : genre_label,
//						xtype : 'hidden',
						name : 'genre',
						maxLength : 16
					}, {
						fieldLabel : mpaa_label,
						xtype : 'ux.textarea',
						name : 'mpaa',
						maxLength : 256
					}]
				},
				{
					columnWidth : .5,
					layout : 'form',
					defaults : {
						width : 200
					},// 如果用这个配置会使得下拉列表的宽度设置无效
					border : false,
					defaultType : 'ux.textfield',
					items : [ {
						fieldLabel : directed_by_label,
						xtype : 'ux.textarea',
						name : 'directed_by',
						maxLength : 256
					}]
				}]
	}];

	this.addItems = this.updateItems;
	
	this.filters = new Ext.ux.grid.myGridFilters( {
		filters : [ {
			type : 'numeric',
			dataIndex : 'title'
		}, {
			type : 'numeric',
			dataIndex : 'plot'
		}, {
			type : 'string',
			dataIndex : 'date'
		}, {
			type : 'string',
			dataIndex : 'genre'
		}, {
			type : 'string',
			dataIndex : 'mpaa'
		}, {
			type : 'string',
			dataIndex : 'directed_by'
		}]
	});

	this.plugins = [this.filters];
	
	Ext.ux.MovieGrid.superclass.constructor.call(this,
			container, config); // 注意这一句不要忘记改了
};

Ext.extend(Ext.ux.MovieGrid, Ext.ux.SearchGrid, {
	width : 700,
	height : 318,
	winWidth : 700,
	winHeight : 360,
	modelName : '电影信息',
	url :  '/movies.json',
	storeIdAndSortField : 'id',
	record : Ext.data.Record.create([ {
		name : 'title'
	}, {
		name : 'plot'
	}, {
		name : 'date'
	}, {
		name : 'genre'
	}, {
		name : 'mpaa'
	}, {
		name : 'directed_by'
	}])
});